<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/*css注释方式*/
			/* css部分：选择器：抓取页面元素，元素增加效果
			            选择器{
							属性:属性值;
							属性:属性值;
						}         
			 
			 */
			p{
				width: 200px;
				height: 200px;
				  background:#ffbbed;   /*16进制色值*/
			}
		</style>
	</head>
	<body>
	<!--①内联样式表，叫做行内样式表 【开发不用】
	 语法：前标记 style= "属性：属性值；属性：属性值；..."
	-->
		<div style="width: 300px;height: 300px;background:red ;"></div>
		<!-- ②内部样式表 【开发不用：练习专用】
		 html部分：在head元素中，添加style元素
		 css部分：在style元素中，添加css样式
		 -->
		 <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem adipisci voluptatibus quia corrupti suscipit veniam ea quas praesentium eaque. Ut voluptate deleniti saepe corporis velit tempore tenetur eos praesentium sunt.</p>
	</body>
	
</html>